<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><tiles:insertAttribute name="title" ignore="true" /></title>
<script src="<%=request.getContextPath()%>/javascript/jquery/jquery-1.7.2.min.js"></script>
<script src="<%=request.getContextPath()%>/stylesheets/bootstrap/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="<%=request.getContextPath()%>/stylesheets/style.css" type="text/css" />
<style type="text/css">
.ym-wbox {
	padding: 0em;
}

#nav {
	background-color: #222;
}

#main {
	min-height: 100%;
}

html,body {
	height: 100%
}

.nav-pills>li>a {
	margin-bottom: 5px;
	margin-top: 5px;
}
</style>
</head>
<body>
  <header>
    <div class="ym-wrapper">
      <div class="ym-wbox" style="padding-left: 0px;">
        <h1>Enterprise portal</h1>
      </div>
    </div>
  </header>
  <div id="nav">
    <div class="ym-wrapper">
      <div class="ym-wbox">
        <!-- 
        <div class="navbar">
          <div class="navbar-inner">
            <a class="brand" href="#">Title</a>
            <ul class="nav">
              <li class="active">
                <a href="#">Home</a>
              </li>
              <li>
                <a href="#">Link</a>
              </li>
              <li>
                <a href="#">Link</a>
              </li>
            </ul>
          </div>
        </div> -->
        <!--  -->
        <ul class="nav nav-pills">
          <li class="active"><a href="#">Home</a></li>
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"> System <b class="caret"></b>
          </a>
            <ul class="dropdown-menu">
              <li class="dropdown-submenu"><a href="#">Configurations</a>
                <ul class="dropdown-menu">
                  <li><a href="#">List all</a></li>
                  <li><a href="<%=request.getContextPath()%>/common/configurations/add">Add new</a></li>
                </ul></li>
              <li><a href="#">Settings</a></li>
              <li><a href="#">Something else here</a></li>
              <li class="divider"></li>
              <li><a href="#">Separated link</a></li>
            </ul></li>
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"> Master data <b class="caret"></b>
          </a>
            <ul class="dropdown-menu">
              <li class="dropdown-submenu"><a href="#">Products</a>
                <ul class="dropdown-menu">
                  <li><a href="<%=request.getContextPath()%>/accounting/products/list">List all</a></li>
                  <li><a href="#">Add new</a></li>
                </ul></li>
            </ul></li>
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"> Accounting <b class="caret"></b>
          </a>
            <ul class="dropdown-menu">
              <li class="dropdown-submenu"><a href="#">Expenses</a>
                <ul class="dropdown-menu">
                  <li><a href="<%=request.getContextPath()%>/accounting/expenses/add">New</a></li>
                </ul></li>
            </ul></li>
          <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Sales <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="<%=request.getContextPath()%>/sales/new">New</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div id="main">
    <div class="ym-wrapper">
      <div class="ym-wbox">
        <tiles:insertAttribute name="body" />
      </div>
    </div>
  </div>
  <footer>
    <div class="ym-wrapper">
      <div class="ym-wbox">
        <p>
          © Company 2012 – Layout based on <a href="http://www.yaml.de">YAML</a>
        </p>
      </div>
    </div>
  </footer>
</body>
</html>